<!DOCTYPE html>
<html>
<head>
<#include 'head.html'>
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="${request.contextPath}/css/register.css">
</head>
<body>
	<div class="register-main">
	<div class="register-box">
		<header class="layui-elip register-header">注册</header>	
		<form id="registerForm" lay-filter="register" class="layui-form layui-form-pane">
			
			<div class="layui-form-item">				
				<label class="layui-form-label layui-icon layui-icon-user"></label>
				<div class="layui-input-block">
					<input type="text" v-model="username"  name="username" lay-verify="required|username|isUsernameExist" placeholder="用户名" autocomplete="off" class="layui-input">
				</div>
			</div>	
			
			<div class="layui-form-item">
				<label class="layui-form-label layui-icon layui-icon-rate"></label>
				<div class="layui-input-block" >	
					<input type="text" name="email" v-model="email"  lay-verify="required|email|isEmailExist" placeholder="邮箱" autocomplete="off" class="layui-input">	
				</div>
			</div>						
			
			<div class="layui-form-item">
				<label class="layui-form-label layui-icon layui-icon-password"></label>
				<div class="layui-input-block">
					<input id="password" type="password" name="password" lay-verify="required|password" placeholder="密码" autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label layui-icon layui-icon-password"></label>
				<div class="layui-input-block">
					<input type="password" lay-verify="required|affPassword" placeholder="确认密码" autocomplete="off" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label layui-icon layui-icon-username"></label>
				<div class="layui-input-block">
					<input type="text" name="name" v-model="name" lay-verify="required|name" placeholder="昵称" autocomplete="off" class="layui-input">
				</div>
			</div>	
			
			<div class="layui-form-item">
				<label class="layui-form-label layui-icon layui-icon-cellphone"></label>
				<div class="layui-input-block">
					<input type="text" name="phone" v-model="phone" lay-verify="required|phone|isPhoneExist" placeholder="手机号" autocomplete="off" class="layui-input">
				</div>
			</div>	
			
		<div class="layui-form-item">
			   <label class="layui-form-label">性别</label>
			   <div class="layui-input-block">
		      		<input id="male" type="radio" name="gender" v-model="gender" value="男" title="男" checked>
		      		<input id="female" type="radio" name="gender" v-model="gender"  value="女" title="女" >
		   	   </div>
    	</div>	
    	<div class="layui-form-item">
    		<label class="layui-form-label">生日</label>
    		<div class="layui-input-inline">
	    		<input id="birthday" type="text" name="birthday"  v-model="birthday" class="layui-input">
	    	</div>
    	</div>					
						
			<div class="layui-form-item">
				<button type="button" class="layui-btn layui-btn-fluid" lay-submit lay-filter="register">注册</button>				
			</div>			
		</form>
		<div class="layui-form-item">
				<a href="login.html" class="link" ><span>用已有账号登录</span></a>
			</div>
		</div>		
	</div>
	<div class="login-main layui-footer">
				<p>@ 2019 <a href=""> bill.com</a></p>
				<p>
					<span>四个中文</span>
					<span>四个中文</span>
					<span>四个中文</span>
				</p>
		</div>
</body>
	<script type="text/javascript" src="${request.contextPath}/js/register.js"></script>
</html>